<template>
  <div
    class="page-container animated fadeIn flex column self-center items-center text-center"
  >
    <!-- <q-img
      v-if="!isLoggedIn"
      class="page-logo"
      alt="Teknokomo Logo"
      src="~assets/logo.svg"
      fit="contain"
    /> -->
    <!-- <span class="page-text"> Вы авторизованы </span> -->
    <div
      class="main-block-with-cropped text-black q-pa-sm flex wrap content-center text-left block-text block-padding stub-page"
    >
      <div class="block-text block-text__title text-left">
        <b>Метавселенные</b>
      </div>
      <p>
        <br />
        <b
          >Реальный виртуальный мир Универсо (РВМ Универсо) предоставляет доступ
          в Гипервселенную</b
        >, где вы можете в своих или общих метавселенных создавать цифровые
        двойники предприятий и целых городов, играть в простые игры и жить в
        гигантских MMORPG с развитой внутренней экономикой, вы получаете
        бесконечное пространство исследований, цифровизации и социального
        взаимодействия. О концепции Гипервселенная метавселенных, вы можете
        больше узнать на <a href="/hyperuniverse">отдельной странице</a>.
      </p>
      <p>
        <b>Начинается всё с Открытой Метавселенной Социальной Кооперации </b>
        (кратко — Открытая метавселенная или ОМСК) — первой метавселенной,
        имеющей множество уникальных космических и планетарных локаций с
        возможностями для интересных и полезных занятий. события одновременно
        происходят в нескольких параллельных мирах, в которых разные
        экономические и политические системы (капиталистические,
        социалистические и т.д.).
      </p>
      <p>
        <b
          >На данный момент проект разрабатывается в основном общественными
          силами</b
        >
        в рамках общественных проектов Международного сообщества Текнокомо.
        Постепенно начинается привлечение финансирования и дополнительных сил /
        ресурсов в проект при помощи разных источников: краудсорсинг,
        краудфандинг, в том числе через финансовую подписку, гранты, инвестиции,
        которые не ломают суть проекта и т.д.
      </p>
      <p>
        <b>Полнофункциональная реализация платформы РВМ Универсо</b>,
        разрабатывается начиная с функционала MMORPG с механиками аналогичным
        реализованным в EVE Online и Star Citizen, а далее будет наращиваться
        функционал позволяющий пользователям создавать свои метавселенные для
        работы и развлечения, основана на Godot Engine 4.X.
      </p>
      <p>
        <a href="https://hub.mos.ru/teknokomo/universo-godot" target="_blank"
          >Более подробная информация в репозитории</a
        >
      </p>
      <p>
        <b>Упрощённая реализация платформы РВМ Универсо</b>, в начале сосредоточенная
        на функционале управления совместной работой, аналогичного сервисам
        Miro.com и FigJam / Figma.com, а далее будет наращиваться функционал
        позволяющий пользователям создавать свои метавселенные для работы и
        развлечения, основанная на Quasar 2, Phaser 3, Pinia, Apollo, Webpack и
        т.д.
      </p>
      <p>
        <a href="https://hub.mos.ru/teknokomo/universo-phaser" target="_blank"
          >Более подробная информация в репозитории</a
        >
      </p>
    </div>
  </div>
</template>

<script>
import { mapState } from "pinia";
import { useAuthStore } from "src/stores/auth";
export default {
  name: "UniversesStub",
  props: {},
  components: {},
  computed: {
    ...mapState(useAuthStore, ["isLoggedIn"]),
  },
};
</script>

<style scoped>
.page-logo {
  max-height: 25vh;
  max-width: 25vw;
}

.page-text {
  font-size: 4rem;
}

.page-text02 {
  font-size: 2rem;
}

.page-text07 {
  font-size: 1.5rem;
}

.page-text09 {
  font-size: 1.5rem;
}

a{
  text-decoration: none;
}

@media (max-width: 820px) {
  .page-text {
    font-size: 2.5rem;
  }
  .page-text02 {
    font-size: 1.6rem;
  }
  .page-text07 {
    font-size: 1.2rem;
  }
  .page-text09 {
    font-size: 1.2rem;
  }
}
@media (max-width: 530px) {
  .page-text02 {
    font-size: 1.2rem;
  }
}
@media (max-width: 400px) {
  .page-text {
    font-size: 2rem;
  }
  .page-text02 {
    font-size: 0.8rem;
  }
  .page-text07 {
    font-size: 0.8rem;
  }
  .page-text09 {
    font-size: 0.8rem;
  }
}

@media (max-width: 820px) {
  .stub-page {
    height: unset;
  }
}
</style>
